<template>
    <div id="tabBar">
        <slot name="home"></slot>
        <slot name="category"></slot>
        <slot name="cart"></slot>
        <slot name="profile"></slot>
    </div>
</template>
<script>
export default {
    name:"TabBar"
}
</script>
<style scoped>
    #tabBar{
        display:flex;
        background-color:#f6f6f6;       

        position:fixed;
        left:0;
        right:0;
        bottom:0;

        box-shadow:0 -1px 1px rgba(100,100,100,.2);
        
    }
</style>>

